<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>index</title>
		<meta name="description" content="" />
		<meta name="author" content="Nimit" />
		<link rel="stylesheet" href="index.css">
		<script src="index.js"></script>
		<link href='http://fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>
		<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	</head>
	<body>
		<div class="headerContainer">
			<div class="appTitle">Boggle</div>
		</div>
		<div class="bodyContainer">
			<div class="previewWord" id="previewWord">
				
			</div>
			<div id="foundWordList" class="foundWordList">
				
			</div>
			<div class="board">
				<div class="keyContainer">
					<div class="key" id="key1" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter1"></span>
					</div>
					<div class="key" id="key2" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter2"></span>
					</div>
					<div class="key" id="key3" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter3"></span>
					</div>
					<div class="key" id="key4" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter4"></span>
					</div>
					<div class="key" id="key5" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter5"></span>
					</div>
					<div class="key" id="key6" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter6"></span>
					</div>
					<div class="key" id="key7" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter7"></span>
					</div>
					<div class="key" id="key8" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter8"></span>
					</div>
					<div class="key" id="key9" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter9"></span>
					</div>
					<div class="key" id="key10" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter10"></span>
					</div>
					<div class="key" id="key11" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter11"></span>
					</div>
					<div class="key" id="key12" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter12"></span>
					</div>
					<div class="key" id="key13" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter13"></span>
					</div>
					<div class="key" id="key14" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter14"></span>
					</div>
					<div class="key" id="key15" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter15"></span>
					</div>
					<div class="key" id="key16" onmousedown="handleMouseDown(this)">
						<span class="keyLetter" id="keyLetter16"></span>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
